<template>
    <dv-border-box7 :color="['#0D3568', '#49ACD6']" backgroundColor="" style="margin-top: 15px;">
        <div class="platewrapper">
            <headline title="门禁实时动态" />
            <div class="cont-wrapper">
                <dv-scroll-board :config="config" style="width:100%; height: 169px" />
            </div>
        </div>
    </dv-border-box7>
</template>

<script setup lang="ts">
const config = reactive({
    header: ['项目名称', '姓名', '开门方式', '开门时间'],
    data: [
        ['智慧物业项目', '刘佳佳', '扫脸开门', '204-03-15- 11:30: 29'],
        ['智慧物业项目', '刘佳佳', '扫脸开门', '204-03-15- 11:30: 29'],
        ['智慧物业项目', '刘佳佳', '扫脸开门', '204-03-15- 11:30: 29'],
        ['智慧物业项目', '刘佳佳', '扫脸开门', '204-03-15- 11:30: 29'],
        ['智慧物业项目', '刘佳佳', '扫脸开门', '204-03-15- 11:30: 29'],
        ['智慧物业项目', '刘佳佳', '扫脸开门', '204-03-15- 11:30: 29'],
        ['智慧物业项目', '刘佳佳', '扫脸开门', '204-03-15- 11:30: 29'],
        ['智慧物业项目', '刘佳佳', '扫脸开门', '204-03-15- 11:30: 29'],
        ['智慧物业项目', '刘佳佳', '扫脸开门', '204-03-15- 11:30: 29'],
    ],
    index: false,
    columnWidth: [120],
    align: ['center'],
    headerBGC: 'rgba(2, 50, 80, 0.6)', // 表头背景色
    oddRowBGC: 'rgba(193,231,255,.1)',
    evenRowBGC: 'rgba(193,231,255,.2)',
});
</script>

<style scoped>

</style>